body {
  margin: 0;
  background-color: #f5f5f5;
}

/* fade-slide */
.fade-slide-leave-active,
.fade-slide-enter-active {
  transition: all 0.3s;
}

.fade-slide-enter-from {
  transform: translateX(-30px);
  opacity: 0;
}

.fade-slide-leave-to {
  transform: translateX(30px);
  opacity: 0;
}

/* 全局按钮样式 */
.el-button {
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.3s ease;

  &:hover {
    transform: translateY(-1px);
  }

  &.el-button--primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;

    &:hover {
      background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
    }
  }

  &.el-button--success {
    background: linear-gradient(135deg, #55863e 0%, #52c41a 100%);
    border: none;

    &:hover {
      background: linear-gradient(135deg, #5aa036 0%, #73d13d 100%);
    }
  }

  &.el-button--warning {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    border: none;

    &:hover {
      background: linear-gradient(135deg, #e081e9 0%, #e3455a 100%);
    }
  }

  &.el-button--danger {
    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
    border: none;

    &:hover {
      background: linear-gradient(135deg, #ff888c 0%, #fdbedc 100%);
    }
  }
}